<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>标准化模板维护</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="css/layoutit.css">
    <!--bootStrop css 主样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/bootstrap-select.css">
    <link rel="stylesheet" href="css/bootstrap-multiselect.css">
    <script type="text/javascript" src="js/html5shiv.js"></script>
    <!--jquery js-->
    <script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jquery.ui.touch-punch.min.js"></script>
    <script type="text/javascript" src="js/jquery.htmlClean.js"></script>
    <!--bootstrap js-->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
    <script src="resources/scripts/assets/bootstrap/js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="ckeditor/config.js"></script>
    <!--<script type="text/javascript" src="js/scripts.js"></script>-->
    <script src="js/FileSaver.js"></script>
    <script src="js/FileUtil.js"></script>
    <script>
        $(function () {
            $("#title").load("导航条.html");
            $("#kongjian").load("公共控件树.html");
            $("#zidingyikongjian").load("自定义控件属性.html");
            $("#zuheshuxing").load("组合属性.html");
            //获取页面的每个按钮
            let btns = $(".btn_active");
            //获取内容盒子
            let contents = $(".content");
            //遍历每个按钮为其添加点击事件
            for (var i = 0; i < btns.length; i++) {
                btns[i].index = i;
                btns[i].onclick = function () {
                    //对当前点击的按钮赋予active类名及显示当前按钮对应的内容
                    for (var j = 0; j < btns.length; j++) {
                        btns[j].className = btns[j].className.replace(' active', '').trim();
                        contents[j].className = contents[j].className.replace(' show', '').trim();
                    }
                    this.className = this.className + ' active';
                    contents[this.index].className = contents[this.index].className + ' show';
                };
            }
        });

        $(window).on('load', function () {
            $('#usertype').selectpicker({
                'selectedText': 'cat'
            });
        });
    </script>
    <style>
        .content {
            margin: 10px auto;
            display: none;
        }

        .content.show {
            display: block;

        }
    </style>
</head>
<body class="edit">
<div id="title">导航条</div>
<h6 class="page-header"
    style="padding-bottom:9px;margin:-22px 0 22px;border-bottom: 1px solid rgba(90,69,69,0.15)"></h6>
<div class="pull-left col-md-offset-1 col-lg-offset-1 col-xs-offset-1 col-sm-offset-1">
    <span class="h4" style="color: #0a6cd6"><strong>标准化模板维护</strong></span>
</div>
<div>
    <!--功能按钮-->
    <ul class="nav" id="menu-layoutit">
        <li>
            <div class="pull-right">
                <div class="btn-group">
                    <button type="button" class="btn btn-info" data-target="#downloadModal" rel="/build/downloadModal"
                            role="button" data-toggle="modal">
                        保存
                    </button>
                </div>
                <div class="btn-group">
                    <button type="button" class="btn btn-info" role="button">
                        发布
                    </button>
                </div>
                <div class="btn-group">
                    <button type="button" id="edit" class="btn btn-info active">
                        编辑
                    </button>
                </div>
                <div class="btn-group">
                    <button type="button" class="btn btn-info" id="sourcepreview">
                        预览
                    </button>
                </div>
                <div class="btn-group">
                    <button class="btn btn-info" href="#clear" id="clear">
                        清空
                    </button>
                </div>
                &emsp;&nbsp;
            </div>
            <div class="pull-left">
                &emsp;&emsp;<div class="btn-group">
                <button class="btn_active btn btn-info">
                    表单设计
                </button>
            </div>
                <div class="btn-group">
                    <button class="btn_active btn btn-info">
                        控件树设计
                    </button>
                </div>
                <div class="btn-group">
                    <button class="btn_active btn btn-info">
                        组合属性
                    </button>
                </div>
                <div class="btn-group">
                    <button class="btn_active btn btn-info">
                        自定义控件属性
                    </button>
                </div>
            </div>
        </li>
    </ul>
    <br/>
    <!--编辑框-->
    <div style="min-height: 210px;" class="demo ui-sortable"></div>
    <!--下载内容显示-->
    <div id="download-layout">
        <div class="container-fluid"></div>
    </div>
    <div class="content show">
        <div class="row-fluid">
            <div class="sidebar-nav">
                <!--布局-->
                <ul class="nav nav-list accordion-group">
                    <li class="nav-header">
                        <input style="width: 57%;" type="button" class="form-control btn-default" value="布局">
                    </li>
                    <li class="rows" id="estRows" style="width: 57%;display: none">
                        <br/>
                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <div class="preview col-lg-offset-1">
                                <input value="12" type="text" class="form-control" disabled>
                            </div>
                            <div class="view">
                                <div class="row-fluid clearfix">
                                    <div class="span12 column col-md-12 col-lg-12 col-sm-12 col-xs-12"></div>
                                </div>
                            </div>
                        </div>
                        <br/>
                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <div class="preview col-lg-offset-1">
                                <input value="6 6" type="text" class="form-control" disabled>
                            </div>
                            <div class="view">
                                <div class="row-fluid clearfix">
                                    <div class="span6 column col-md-6 col-lg-6 col-sm-6 col-xs-6"></div>
                                    <div class="span6 column col-md-6 col-lg-6 col-sm-6 col-xs-6"></div>
                                </div>
                            </div>
                        </div>
                        <br/>
                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">
                                拖动
                            </span>
                            <div class="preview col-lg-offset-1">
                                <input value="8 4" type="text" class="form-control" disabled>
                            </div>
                            <div class="view">
                                <div class="row-fluid clearfix">
                                    <div class="span8 column col-md-8 col-lg-8 col-sm-8 col-xs-8"></div>
                                    <div class="span4 column col-md-4 col-lg-4 col-sm-4 col-xs-4"></div>
                                </div>
                            </div>
                        </div>
                        <br/>
                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除</a>
                            <span class="drag label btn-info">
                                拖动
                            </span>
                            <div class="preview col-lg-offset-1">
                                <input value="4 4 4" type="text" class="form-control" disabled>
                            </div>
                            <div class="view">
                                <div class="row-fluid clearfix">
                                    <div class="span4 column  col-md-4 col-lg-4 col-sm-4 col-xs-4"></div>
                                    <div class="span4 column  col-md-4 col-lg-4 col-sm-4 col-xs-4"></div>
                                    <div class="span4 column  col-md-4 col-lg-4 col-sm-4 col-xs-4"></div>
                                </div>
                            </div>
                        </div>
                        <br/>
                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">
                                拖动
                            </span>
                            <div class="preview col-lg-offset-1">
                                <input value="2 6 4" type="text" class="form-control" disabled>
                            </div>
                            <div class="view">
                                <div class="row-fluid clearfix">
                                    <div class="span2 column  col-md-2 col-lg-2 col-sm-2 col-xs-2"></div>
                                    <div class="span6 column  col-md-6 col-lg-6 col-sm-6 col-xs-6"></div>
                                    <div class="span4 column  col-md-4 col-lg-4 col-sm-4 col-xs-4"></div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <br/>
                <ul class="nav nav-list accordion-group">
                    <li class="nav-header">
                        <input style="width: 57%;" type="button" class="form-control btn-default" value="基本">
                    </li>
                    <li style="display: none;" class="boxes" id="elmBase"><br/>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">
                           拖动
                        </span>
                            <span class="configuration">
                            <span class="btn-group">
                                <span class="drag label btn-success" data-target="#editorModal" role="button"
                                      data-toggle="modal">
                                    编辑
                                </span>
                                    <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">对齐
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li class="active"><a href="#" rel="">默认</a></li>
                                        <li class=""><a href="#" rel="text-left">靠左</a></li>
                                        <li class=""><a href="#" rel="text-center">居中</a></li>
                                        <li class=""><a href="#" rel="text-right">靠右</a></li>
                                    </ul>
                                </span>
                                <span class="btn-group">
                                    <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">标记
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li class="active"><a href="#" rel="">默认</a></li>
                                        <li class=""><a href="#" rel="text-warning">警告</a></li>
                                        <li class=""><a href="#" rel="text-danger">错误</a></li>
                                        <li class=""><a href="#" rel="text-info">提示</a></li>
                                        <li class=""><a href="#" rel="text-success">成功</a></li>
                                    </ul>
                                </span>
                            </span>
                            <div class="preview  col-lg-offset-1">标题</div>
                            <div class="view">
                                <h3>请输入标题内容</h3>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <span class="configuration">
                                <span class="drag label btn-success" data-target="#editorModal" role="button"
                                      data-toggle="modal">
                                    编辑
                                </span>
                            </span>
                            <div class="preview  col-lg-offset-1">日期</div>
                            <div class="view">
                                <form class="form-inline">
                                    日期:&nbsp;<input type="date" class="form-control">
                                </form>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">
                            拖动</span>
                            <span class="configuration">
                       <span class="drag label btn-success" data-target="#editorModal" role="button"
                             data-toggle="modal">编辑</span></span>
                            <div class="preview  col-lg-offset-1">单行文本框</div>
                            <div class="view">
                                <form class="form-inline">
                                    文本内容:&nbsp;<input class="form-control" type="text">
                                </form>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">
                            拖动</span>
                            <span class="configuration">
                           <span class="drag label btn-success" data-target="#editorModal" role="button"
                                 data-toggle="modal">
                                    编辑
                                </span>
                         </span>
                            <div class="preview  col-lg-offset-1">数值</div>
                            <div class="view">
                                <form class="form-inline">
                                    数值内容:&nbsp;<input class="form-control" type="number" min="0">
                                </form>
                            </div>
                        </div>
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <span class="configuration">
                       <span class="drag label btn-success" data-target="#editorModal" role="button"
                             data-toggle="modal">编辑</span>
                        </span>
                            <div class="preview  col-lg-offset-1">单选下拉框</div>
                            <div class="view">
                                <form class="form-inline">
                                    单选下拉框:
                                    <select class="form-control">
                                        <option>请选择</option>
                                        <option value="1">操作1</option>
                                        <option value="2">操作2</option>
                                        <option value="3">操作3</option>
                                    </select>
                                </form>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">
                            拖动</span>
                            <span class="configuration">
                        <span class="drag label btn-success" data-target="#editorModal" role="button"
                              data-toggle="modal">
                                    编辑
                                </span>
                                <a class="btn btn-mini" href="#" rel="dropup">上拉</a>
                            </span>
                            <div class="preview  col-lg-offset-1">多选下拉框</div>
                            <div class="view">
                                <form id="select" class="form-inline">
                                    多选下拉框:
                                    <select id="usertype" class="selectpicker form-control" multiple
                                            style="width: 30px;">
                                        <option value="选择1">选择1</option>
                                        <option value="选择2">选择2</option>
                                        <option value="选择3">选择3</option>
                                    </select>
                                </form>
                            </div>
                        </div>


                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除</a>
                            <span class="drag label btn-info">
                            拖动</span>
                            <span class="configuration">
                            <span class="drag label btn-success" data-target="#editorModal" role="button"
                                  data-toggle="modal">
                                    编辑
                                </span>
                       </span>
                            <div class="preview  col-lg-offset-1">单选按钮</div>
                            <div class="view">
                                <form class="form-inline">
                                    单选1:
                                    <div class="btn-group">
                                        <input type="radio" name="dan">
                                    </div>
                                    单选2:
                                    <div class="btn-group">
                                        <input type="radio" name="dan">
                                    </div>
                                    单选3:
                                    <div class="btn-group">
                                        <input type="radio" name="dan">
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除</a>
                            <span class="drag label btn-info">
                            拖动</span>
                            <span class="configuration">
                            <span class="drag label btn-success" data-target="#editorModal" role="button"
                                  data-toggle="modal">
                                    编辑
                                </span>
                       </span>
                            <div class="preview  col-lg-offset-1">复选按钮</div>
                            <div class="view">
                                <form class="form-inline">
                                    复选1:
                                    <div class="btn-group">
                                        <input type="checkbox">
                                    </div>
                                    &nbsp;
                                    复选2:
                                    <div class="btn-group">
                                        <input type="checkbox">
                                    </div>
                                    &nbsp;
                                    复选3:
                                    <div class="btn-group">
                                        <input type="checkbox">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </li>
                </ul>
                <br/>
                <!--扩展-->
                <ul class="nav nav-list accordion-group">
                    <li class="nav-header">
                        <input style="width: 57%;" type="button" class="form-control btn-default" value="扩展">
                    </li>
                    <li style="display: none;" class="boxes" id="elmComponents"><br/>
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a> <span class="drag label btn-info">拖动</span>
                            <span class="configuration">

                            <span class="btn-group">  <span class="drag label btn-success" data-target="#editorModal"
                                                            role="button"
                                                            data-toggle="modal">编辑</span>
                                <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">样式<span
                                        class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li class="active">
                                        <a href="#" rel="">默认</a>
                                    </li>
                                    <li class="">
                                        <a href="#" rel="table-striped">条纹</a>
                                    </li>
                                    <li class="">
                                        <a href="#" rel="table-bordered">边框</a>
                                    </li>
                                </ul>
                            </span>
                            <a class="btn btn-mini" href="#" rel="table-hover">鼠标指示
                        </a>
                            <a class="btn btn-mini" href="#" rel="table-condensed">紧凑</a>
                        </span>
                            <div class="preview col-lg-offset-1">表格</div>
                            <div class="view">
                                <table class="table" contenteditable="true">
                                    <thead>
                                    <tr>
                                        <th>编号</th>
                                        <th>产品</th>
                                        <th>交付时间</th>
                                        <th>状态</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>TB - Monthly</td>
                                        <td>01/04/2012</td>
                                        <td>Default</td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>TB - Monthly</td>
                                        <td>01/04/2012</td>
                                        <td>Approved</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>TB - Monthly</td>
                                        <td>02/04/2012</td>
                                        <td>Declined</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>TB - Monthly</td>
                                        <td>03/04/2012</td>
                                        <td>Pending</td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>TB - Monthly</td>
                                        <td>04/04/2012</td>
                                        <td>Call in to confirm</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <span class="configuration">
                          <span class="drag label btn-success" data-target="#editorModal" role="button"
                                data-toggle="modal">
                                    编辑
                                </span>
                        </span>
                            <div class="preview col-lg-offset-1">组合</div>
                            <div class="view">
                                组合:&nbsp;
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <span class="configuration">
                      <span class="drag label btn-success" data-target="#editorModal" role="button" data-toggle="modal">
                                    编辑
                                </span>
                        </span>
                            <div class="preview col-lg-offset-1">时间</div>
                            <div class="view">
                                <form class="form-inline">
                                    时间:
                                    <div class="btn-group">
                                        <input type="time" class="form-control"/>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a> <span class="drag label btn-info">拖动</span>
                            <span class="configuration">
                       <span class="drag label btn-success" data-target="#editorModal" role="button"
                             data-toggle="modal">
                                    编辑
                                </span>
                        </span>
                            <div class="preview col-lg-offset-1">文本域</div>
                            <div class="view">
                            <textarea class="form-control" style="height:180px;line-height:13px;width:800px;"
                                      placeholder="请填写内容"></textarea>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <span class="configuration">
                        <span class="drag label btn-success" data-target="#editorModal" role="button"
                              data-toggle="modal">
                                    编辑
                                </span>
                        </span>
                            <div class="preview col-lg-offset-1">电话</div>
                            <div class="view">
                                <form class="form-inline">
                                    电话号:
                                    <div class="btn-group">
                                        <input type="tel" name="phone" class="form-control">
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <span class="configuration">
                       <span class="drag label btn-success" data-target="#editorModal" role="button"
                             data-toggle="modal">
                                    编辑
                                </span>
                        </span>
                            <div class="preview col-lg-offset-1">邮箱</div>
                            <div class="view">
                                <form class="form-inline">
                                    邮箱:
                                    <div class="btn-group">
                                        <input type="email" name="email" class="form-control">
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <span class="configuration">
                     <span class="drag label btn-success" data-target="#editorModal" role="button" data-toggle="modal">
                                    编辑
                                </span>
                        </span>
                            <div class="preview col-lg-offset-1">文件上传</div>
                            <div class="view">
                                <form class="form-inline">
                                    选择上传文件:
                                    <div class="btn-group">
                                        <input type="file" name="file" class="form-control">
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <span class="configuration">
              <span class="drag label btn-success" data-target="#editorModal" role="button" data-toggle="modal">
                                    编辑
                                </span>
                        </span>
                            <div class="preview col-lg-offset-1">图例</div>
                            <div class="view">
                                <div class="row">
                                    <div class="col-sm-6 col-md-4">
                                        <div class="thumbnail">
                                            <img src="img/a.jpg">
                                            <div class="caption">
                                                <h5>示例</h5>
                                                <p>当前为图例</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <br/>
                <!--模板-->
                <ul class="nav nav-list accordion-group">
                    <li class="nav-header">
                        <input style="width: 57%;" type="button" class="form-control btn-default" value="模板">
                    </li>
                    <li style="width: 53%;display: none" class="boxes mute" id="elmJS"><br/>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info pull-left">拖动</span>
                            <div class="preview col-lg-offset-1">药品模板</div>
                            <div class="view">

                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <div class="preview col-lg-offset-1">手术模板</div>
                            <div class="view">

                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <div class="preview col-lg-offset-1">检验模板</div>
                            <div class="view">

                            </div>
                        </div>

                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-important btn-danger">
                                删除
                            </a>
                            <span class="drag label btn-info">拖动</span>
                            <div class="preview col-lg-offset-1">检查模板</div>
                            <div class="view">

                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div id="kongjian"></div>
    </div>
    <div class="content">
        <div style="margin-top: -490px;margin-left: 20px;" id="zuheshuxing"></div>
    </div>
    <div class="content">
        <div style="margin-top: -490px;margin-left: 20px;" id="zidingyikongjian"></div>
    </div>
    <!--富文本编辑-->
    <div id="editorModal" class="modal fade bs-example-modal-sm" role="dialog" style="display: none;">
        <div class="modal-dialog" role="document" style="width: 56%;">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>编辑</h3>
                </div>
                <div class="modal-body">
                    <p>
                        <textarea id="contenteditor"></textarea>
                    </p>
                </div>
                <div class="modal-footer">
                    <a id="savecontent" class="btn btn-primary" data-dismiss="modal">保存</a>
                    <a class="btn" data-dismiss="modal">关闭</a>
                </div>
            </div>
        </div>
    </div>
    <!--结束-->
    <!--保存按钮-->
    <div id="downloadModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog"
         aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog" role="document" style="width: 56%;">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>保存</h3>
                    <div class="modal-body">
                        <p>已在下面生成干净的HTML, 可以下载代码到你的项目.</p>
                        <div class="btn-group">
                            <button type="button" id="fluidPage" class="active btn btn-info"><i
                                    class="icon-fullscreen icon-white"></i>
                                自适应宽度
                            </button>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-info" id="fixedPage"><i
                                    class="icon-screenshot icon-white"></i>
                                固定宽度
                            </button>
                        </div>
                        <br>
                        <br>
                        <p>
                            <textarea></textarea>
                        </p>
                    </div>
                    <div class="modal-footer">
                        <a class="btn btn-info" onclick="saveHtml()">下载</a>
                        <a class="btn btn-default" data-dismiss="modal">关闭</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>